<template>
  <view class="netease-info"  v-if="show" :title="title" :style="{ color: color}">
    <image src="https://gss3.bdstatic.com/84oSdTum2Q5BphGlnYG/timg?wapp&quality=80&size=b150_150&subsize=20480&cut_x=0&cut_w=0&cut_y=0&cut_h=0&sec=1369815402&srctrace&di=85cea479bcb350b02c66325e17d40b65&wh_rate=null&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fpic%2Fitem%2Fbba1cd11728b471035abf958c9cec3fdfd032399.jpg"></image>
    <text>{{ title }}</text>
  </view>
</template>

<script>
  export default {
    name:"neteaseInfo",
    data() {
      return {
        
      }
    },
    props: ["title","show","color"],
    onLoad () {
      
    }
  }
</script>

<style scoped>
  .netease-info {
    position: relative;
    top: 0;
    left: 22upx;
    display: flex;
    align-items: center;
    height: 56upx;
  }
  .netease-info image {
    width: 36upx;
    height: 36upx;
    border-radius: 50%;
    margin-right: 10upx;
  }
  .netease-info text {
    font-size: 26upx;
  }
</style>
